/*====================================================================================================================================================== */







/*-----| Skelleton                        |------------------------------------------------------------------------------------------------------------- */





html 													{ overflow-x: hidden; max-width: 1920px; margin: 0 auto; }

body													{ font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000000; line-height: 1.5; position: relative; }















h1 { font-size: 36px; color: #0099CC; font-weight: 600; line-height: 1.3; }







h2 { font-size: 32px; color: #0099CC; font-weight: 400; line-height: 1.3; }







h3 { font-size: 28px; color: #000; font-weight: 400; line-height: 1.3; }







h4 { font-size: 21px; color: #0099CC; font-weight: 600; line-height: 1.3; }







h5 { font-size: 21px; color: #000; font-weight: 600; line-height: 1.5; }







footer td, footer p main p { font-size: 18px; color: #000; font-weight: 400; line-height: 1.5; margin-bottom: 27px; }







footer td, footer p { margin-bottom: 0; }







p.t1 { font-size: 48px; color: #0099CC; font-weight: 700; line-height: 1.3; margin: 0; }







p.t2 { font-size: 32px; color: #0099CC; font-weight: 600; line-height: 1.3; margin: 0; }







.p2 { font-size: 18px; color: #AFAFAF; font-weight: 400; line-height: 1.5; }







.whiteit h1,







.whiteit h2,







.whiteit h3,







.whiteit h4,







.whiteit h5 { text-align: center; }







.overviewtitle { padding-bottom: 15px; border-bottom: 7px solid #0099CC; text-align: center; }























/*.container											{ width: 100%; max-width: 1240px; margin: 0 auto; }*/















.container											{ width: 100%; max-width: 1170px; margin: 0 auto; }







.container_back_to_top								{ width: 100%; max-width: 1620px; padding: 0 40px 0 0; margin: 0 auto; }















a														{ text-decoration: none; color: #0099CC; transition: all ease 0.5s; }







a:hover 												{ color: #000; }







#copy a 												{ color: #fff; text-decoration: underline; }







#copy a:hover 											{ text-decoration: none; }







.course_det_footer  button:hover,







.course_det_header button:hover 						{ color: #0099CC; }







main>section:first-of-type 								{ margin-top: 30px; }







/*-----| End Skelleton                    |------------------------------------------------------------------------------------------------------------- */







/*====================================================================================================================================================== */







/*-----| Header                           |------------------------------------------------------------------------------------------------------------- */







header												{ position: relative; z-index: 100; line-height: 1px; }







header > div										{ width: 100%; max-width: 1920px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: auto 140%; }







header div.container								{ position: relative; }







header img#scale									{ width: 100%; max-height: 400px; }







header a#logo										{ display: block; position: absolute; left: 30px; top: 0; padding: 15px; box-shadow: 0 10px 20px rgba( 0,0,0,0.3 ); background: #ffffff; }







header a#logo img									{ /*Grösse normales Logo (Standard-Logo)*//*width: 195px;*/



													width: 265px;height: 75px; }



header a.logo_home img								{ width: 195px; height: 75px; }







header p.t1										{ position: absolute; right: 30px; bottom: 60px; width: 50%; padding: 30px; background: rgba( 0,153,204,0.85 ); color: #FFF; }



a.overlay_header_picture { display: block; }

a.overlay_header_picture img {

    width: 350px;

    position: absolute;

    left: 30px;

    bottom: 50px;

}

@media only screen and (max-width: 1024px) { a.overlay_header_picture img{ bottom: 80px; } }

@media only screen and (max-width: 960px) { a.overlay_header_picture img{ width: 250px; } }

@media only screen and (max-width: 960px) {

	a.overlay_header_picture img { width: 250px; background: rgba(0,0,0,0.45); padding: 15px; left: 0; bottom: 0; }

}



/*-----| End Header                       |------------------------------------------------------------------------------------------------------------- */







/*-----| Footer                           |------------------------------------------------------------------------------------------------------------- */







footer												{ background: #ccebf5; padding: 40px 0 0 0; position: relative; }







footer a#footer_logo								{ display: block; width: 70%; }







footer a#footer_logo img						{ width: 100%; }







footer #copy										{ margin: 40px 0 0 0; padding: 10px 0; text-align: left; color: #ffffff; background: #0099cc; font-size: 14px; }







/*-----| End Footer                       |------------------------------------------------------------------------------------------------------------- */







/*====================================================================================================================================================== */







/*-----| Navigation    		               |------------------------------------------------------------------------------------------------------------- */







body > nav											{ display: block; position: relative; z-index: 1000; height: 62px; border-bottom: 2px solid #0099cc; }

body > nav.fixed 								{position: fixed; width: 100%; background: #fff; border-bottom: 1px solid #0099cc;top: 0px; left: 0px;}







body > nav .flex_container						{ position: relative; padding: 0 15px; }















#hamburger											{ display: none; }















ul#navigation:after								{ display: block; content: ""; clear: both; }







ul#navigation > li								{ position: relative; float: left; list-style: none; }







ul#navigation > li > a							{ display: block; /*font-size: 18px; line-height: 60px;*/ font-size: 16px; line-height: 60px; font-weight: 600; color: #000000; padding: 0 15px; transition: all ease 0.5s; }







ul#navigation > li.sub > a						{ position: relative; padding-right: 45px; transition: all ease 0.5s; }







ul#navigation > li.sub > a:after				{ display: block; content: "\f078"; position: absolute; right: 15px; top: 15px; bottom: 15px; width: 30px; text-align: center; line-height: 30px; color: #0099cc; font-family: "FontAwesome"; font-size: 16px; }







ul#navigation > li.current > a:after 			{ color: #FFF; }







ul#navigation > li:hover > a					{ background: #0099cc; color: #ffffff; }







ul#navigation > li.current > a					{ background: #0099cc; color: #ffffff; }







ul#navigation > li:hover > a:after			{ color: #ffffff; }















ul#navigation > li > ul							{ display: none; position: absolute; left: 0; top: 60px; min-width: 100%; padding: 15px; box-shadow: 0 10px 20px rgba( 0,0,0,0.3 ); background: #ffffff; border-top: 2px solid #0099cc; }







ul#navigation > li:hover > ul					{ display: block; }







ul#navigation > li > ul > li					{ list-style: none; }







ul#navigation > li > ul > li > a				{ display: block;  font-size: 16px; line-height: 46px; font-weight: 400; color: #000; padding: 0; white-space: nowrap; border-bottom: 1px solid #afafaf; transition: all ease 0.5s; }







ul#navigation > li > ul > li:hover > a		{ color: #0099cc; }







ul#navigation > li > ul > li.current > a	{ color: #0099cc; }







ul#navigation > li > ul > li:last-of-type a	{ border-bottom: none; }























body > nav  .btn_right								{ /*padding: 15px;*/ width: 60px; line-height: 60px; text-align: center; /*line-height: 30px;*/ cursor: pointer; transition: all ease 0.5s; }







body > nav  .btn_right:hover						{ background: #0099cc; color: #ffffff; }







body > nav  #search_container					{ display: none; position: absolute; right: 0; top: 0; padding: 0 15px; background: #ffffff; }







body.search > nav  #search_container		{ display: block; }







body > nav  #search_container form			{ display: block; background: #ccebf5; width: 275px; height: 60px; }







body > nav  #search_container form button	{ width: 60px; height: 60px; text-align: center; line-height: 30px; border: none; background: none; cursor: pointer; }







body > nav  #search_container form button:hover	{ background: #0099cc; color: #ffffff; }







body > nav  #search_container form input	{ float: left; width: 200px; height: 30px; margin: 15px 0 15px 15px; padding: 0 10px; line-height: 30px; border: none; background: #ffffff; }







/*-----| END Navigation		               |------------------------------------------------------------------------------------------------------------- */







/*====================================================================================================================================================== */







/*-----| Crump                      		|------------------------------------------------------------------------------------------------------------- */







#crump ul											{ padding: 45px 15px 0 15px; }







#crump ul:after									{ display: block; content: ""; clear: both; }







#crump ul li										{ list-style: none; float: left; padding-right: 30px; }







#crump ul li a										{ display: block; font-size: 14px; color: #000; font-weight: 400; }







#crump ul li a:hover								{ color: #0099CC; }







#crump ul li a i									{ margin-left: 15px; font-size: 12px; line-height: 24px; }







#crump ul li span									{ display: block; font-size: 14px; color: #0099CC; }







#crump ul li span i								{ margin-left: 15px; font-size: 12px; line-height: 24px; }







/*-----| End Crump              				|------------------------------------------------------------------------------------------------------------- */







/*====================================================================================================================================================== */







/*-----| MAIN       			               |------------------------------------------------------------------------------------------------------------- */







main													{ min-height: 100px; }















main article h1									{ font-size: 36px; color: #0099cc; }







main h1.det											{ text-transform: uppercase; color: #0099cc; font-weight: normal; font-size: 28px; line-height: 1.5; text-align: center; border-bottom: 1px solid #afafaf; margin-bottom: -15px; }







main h3.home										{ margin: 0 0 -30px 0; padding: 15px 0; text-transform: uppercase; border-bottom: 3px solid #0099CC; }















main article ul, main article ol				{ padding: 0 0 0 27px; margin-bottom: 27px; }







main article ul li								{ list-style: none; position: relative; }







main article ul li:after						{ display: block; content: ""; position: absolute; left: -27px; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: #0099cc; }







main article h1									{ margin-bottom: 27px; }















ul.agenda_navi li									{ list-style: none; }







ul.agenda_navi > li								{ padding-bottom: 45px; }







ul.agenda_navi > li > a							{ display: block; background: #0099cc; color: #ffffff; text-align: center; transition: all ease 0.5s; }







ul.agenda_navi > li > a:hover					{ background: #000000; }







ul.agenda_navi > li > ul > li:after			{ display: block; content: ""; clear: both; }







ul.agenda_navi > li > ul > li > a			{ display: block; padding: 15px 0; border-bottom: 2px solid #0099cc; color: #0099cc; font-weight: bold; transition: all ease 0.5s; }







ul.agenda_navi > li > ul > li > a:hover	{ background: #ccebf5; }







ul.agenda_navi > li > ul > li:last-of-type > a	{ border-bottom: none; }







ul.agenda_navi > li > ul > li > a > span	{ display: block; color: #000000; font-weight: normal; }







ul.agenda_navi > li > ul > li > button		{ float: right; margin: 15px 0 0 0; padding: 0 15px; border: 1px solid #e6e6e6; background: none; line-height: 30px; cursor: pointer; border-radius: 3px; }















.art_Datum											{ font-size: 16px; }















.content_button_more								{ color: #0099cc; font-weight: bold; cursor: pointer; transition: all ease 0.5s; }







.content_button_more:hover						{ color: #000000; }







.content_button_more i							{ font-size: 14px; margin-right: 10px; }







.content_more										{ display: none; padding: 15px 0 0 0; }







.show .content_more								{ display: block; }















.linklist											{ width: 100%; }







.linklist p 										{ margin: 0; }







/*.nothome.linklist td								{ padding: 15px; transition: all ease 0.5s; }*/







.linklist td										{ padding: 10px 15px; line-height: 40px; white-space: nowrap; border-bottom: 1px solid #afafaf; }







.linklist tr:hover td							{ cursor: pointer; background: #ccebf5; }







/*.linklist.nothome td:nth-of-type(2) 				{ width: calc(100% - 215px); }







.linklist.nothome td:nth-of-type(2)	.date			{ font-size: 16px; font-size: 18px; color: #AFAFAF; font-weight: 400; line-height: 1.5; margin-bottom: 15px; }







.linklist.nothome td:nth-of-type(1)					{ line-height: 1px; width: 165px; }







.linklist.nothome td:nth-of-type(1) div				{ width: 165px; height: 123px; background-repeat: no-repeat; background-position: center; background-size: cover; }







.linklist.nothome td:nth-of-type(2)	.title			{ width: 100%; white-space: normal; }







.linklist.nothome td:nth-of-type(2)	.lauftext		{ width: 100%; white-space: normal; margin-top: 30px; color: #000 !important; }







.linklist.nothome td:nth-of-type(3)					{ width: 15px; font-size: 16px; color: #0099cc; }*/















.home.linklist .p2,







.home.linklist h4 									{ line-height: 40px; }







.home.linklist td:nth-of-type(1) div				{ width: 100px; white-space: normal; }







.home.linklist td:nth-of-type(2)					{ line-height: 1px; display: none; }







.home.linklist td:nth-of-type(2) div				{ width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; background-size: cover; }







.home.linklist td:nth-of-type(3)					{ width: 100%; white-space: normal; }







.home.linklist td:nth-of-type(4)					{ font-size: 16px; color: #0099cc; }















.linklist_more 									{ padding: 15px 0 0 0; }







.linklist_more:after								{ display: block; content: ""; clear: both; }







.linklist_more button							{ float: right; margin: 15px 0 0 0; padding: 0 15px; border: 1px solid #0099CC; background: none; line-height: 30px; cursor: pointer; border-radius: 3px; font-size: 21px; color: #0099CC; font-weight: 600; transition: all ease 0.5s; }







.linklist_more button i							{ font-size: 14px; margin-right: 10px; line-height: 30px; }







.linklist_more button:hover 					{ color: #FFF; background: #0099CC; }







.course_det_header								{ height: 7px; border-bottom: 7px solid #AFAFAF; transition: all ease 0.5s; }







.course_det_footer								{ height: 62px; border-top: 2px solid #0099cc; transition: all ease 0.5s; }















.course_det_header button,







.course_det_footer button						{ float: right; margin: 15px 0 0 0; padding: 0 15px; border: 1px solid #e6e6e6; background: none; line-height: 30px; cursor: pointer; margin-left: 15px; border-radius: 3px; }







.course_det_header button i,







.course_det_footer button i					{ font-size: 14px; margin: 0 10px; line-height: 30px; }





.course_det_content .cms_img img {max-width: 360px;}









ul.course_navi li									{ list-style: none; }















ul.course_navi > li:after						{ display: block; content: ""; clear: both; }







ul.course_navi > li > a							{ display: block; padding: 15px; border-bottom: 2px solid #E6E6E6; color: #0099cc; font-weight: bold; transition: all ease 0.5s; }







ul.course_navi > li > a:hover					{ background: #ccebf5; }







/*ul.course_navi > li:first-of-type > a		{ border-bottom: 2px solid #E6E6E6; }*/







ul.course_navi > li > a > span				{ display: block; font-size: 18px; color: #AFAFAF; font-weight: 400; line-height: 1.5; }







ul.course_navi > li > button					{ float: right; margin: 15px 0 0 0; padding: 0 15px; border: 1px solid #e6e6e6; background: none; line-height: 30px; cursor: pointer; border-radius: 3px; }







ul.course_navi h3 								{ padding: 30px 15px 15px 15px; }







.det_left_header 								{ border-bottom: 7px solid #0099CC; }







#backtotop 							{ display: none; position: absolute; z-index: 9999; right: 0; top: 0; padding: 0 15px 0 15px; border: 1px solid #e6e6e6; background: #FFF; line-height: 30px; cursor: pointer; border-radius: 3px; }







#backtotop a { font-size: 16px; font-weight: 600; line-height: 30px; color: #0099CC; transition: all ease 0.5s; }







#backtotop 	 i					{ font-size: 14px; margin: 0 10px; line-height: 30px; }







#backtotop:hover a { color: #000; }







.backtoaki { float: right; position: relative; }







.course .art_Anrisstext,







.course .art_Datum { display: none; }







.lastoneleft { margin: 120px 0 0 0; }







/*-----| END MAIN   			               |------------------------------------------------------------------------------------------------------------- */







/*====================================================================================================================================================== */







.kurstitel { width: 100%; }















.no_td {



    white-space: normal !important;



    border-bottom: none !important;



}







.einzel td { padding: 15px 0 !important; }







.no_td .home { margin: 30px 0 0 0 !important; }







tr:first-of-type .no_td .home { margin: 0 !important; }







.linklist tr:hover td.no_td { cursor: text !important; background: none !important; }





#responsiveTabs .list_item { display: block; border-bottom: 1px solid #e1e1e1; }

#responsiveTabs .list_item .list_title {display: block; width: 100%;height: 42px;line-height: 42px;}

#responsiveTabs .list_item.active .list_title {padding-left: 15px;background: #c4c4c4; font-size: 24px}

#responsiveTabs .list_item .list_title a {width: 100%; display: block;}

#responsiveTabs .list_item .list_content {width: 100%; padding: 15px; background: #e4e4e4; }

.cat_1 > .container_outer > .container > .default.cat_1 > .container.flex_container > h1.flex_box.kurstitel { display: none !important; }




@media screen and (max-width: 640px){
#mn > div.container									{ padding: 0; }
#mn > div.container > div.flex_container		{ padding: 0; }
#mn #search_container								{ padding: 0; right: -120px; }
#mn #search_container form							{ display: flex; width: 100vW; }
#mn #search_container form	input					{ flex-grow: 1; width: auto; }
}
.cms_anmeldeFormular_erfolg { color: #FF0000; }